@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  height: 100%;
  font-size: 16px;
}
/*.h-128 {*/
/*  height: 32rem;*/
/*}*/
/*.h-156 {*/
/*  height: 40rem;*/
/*}*/


::-webkit-scrollbar {
  height: 1rem;
  width: 0.5rem;
}

::-webkit-scrollbar:horizontal {
  height: 0.5rem;
  width: 1rem;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(217, 217, 227, 0.8);
  border-color: rgb(255, 255, 255);
  border-radius: 9999px;
  border-width: 1px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(236, 236, 241);
}

.dark ::-webkit-scrollbar-thumb {
  background-color: rgb(86, 88, 105);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background-color: rgb(172, 172, 190);
}
